﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="zh-cn" ng-app="mainApp" ng-controller="AppController">
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8" />
    <title ng-bind="sysConfigs.systemName+' | 登录'"></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    @RenderPage("../Shared/_Css.cshtml")
    <link href="/@ViewBag.sdir/css/style.css" rel="stylesheet" type="text/css" />
</head>
<!-- END HEAD -->

<body class="login" ng-controller="loginCtrl">

    <!-- BEGIN LOGIN -->
    <div class="container-fluid" ng-style="pageContentStyle">
        <!-- BEGIN LOGO -->
        <div class="login-panel">
            <div class="logo">
                <a href="index.html">
                    <img src="/@ViewBag.sdir/img/logo-big.png" alt="" />
                </a>
            </div>
            <!-- END LOGO -->
            <div class="row">
                <div class="col-sm-6 col-md-4 col-md-offset-4 col-sm-offset-3">
                    <div class="content">
                        <!-- BEGIN LOGIN FORM -->
                        <form class="login-form" name="inputForm" role="form" ng-submit="loginSubmit(data)" novalidate>
                            <h3 class="form-title font-dark">请输入用户名和密码</h3>
                            <div class="form-group" ng-class="{'has-error' : inputForm.username.$invalid&&!inputForm.username.$pristine}">
                                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                                <label class="control-label visible-ie8 visible-ie9">请输入用户名</label>
                                <div class="input-icon">
                                    <i class="fa fa-user" ng-class="{'icon-lg':sysConfigs.viewSize>0}"></i>
                                    <input minlength="3" maxlength="16" class="form-control placeholder-no-fix" ng-class="{'input-lg':sysConfigs.viewSize>0}" ng-model="data.username" type="text" autocomplete="off" placeholder="请输入用户名" name="username" required />
                                </div>
                                <div class="help-block" ng-show="inputForm.username.$invalid&&!inputForm.username.$pristine">请输入用户名(3-16个字符)</div>
                            </div>
                            <div class="form-group" ng-class="{'has-error' : inputForm.password.$invalid&&!inputForm.password.$pristine}">
                                <label class="control-label visible-ie8 visible-ie9">请输入密码</label>
                                <div class="input-icon">
                                    <i class="fa fa-lock" ng-class="{'icon-lg':sysConfigs.viewSize>0}"></i>
                                    <input minlength="3" maxlength="16" class="form-control placeholder-no-fix" ng-class="{'input-lg':sysConfigs.viewSize>0}" ng-model="data.password" type="password" autocomplete="off" placeholder="请输入密码" name="password" required />
                                </div>
                                <div class="help-block" ng-show="inputForm.password.$invalid&&!inputForm.password.$pristine">请输入密码(3-16个字符)</div>
                            </div>
                            <div class="form-group row" ng-class="{'has-error' : inputForm.captcha.$invalid&&!inputForm.captcha.$pristine}">
                                <div class="col-sm-6">
                                    <input minlength="4" maxlength="4" class="form-control placeholder-no-fix" ng-class="{'input-lg':sysConfigs.viewSize>0}" ng-model="data.captcha" type="text" autocomplete="off" placeholder="验证码" name="captcha" required />
                                    <div class="help-block" ng-show="inputForm.captcha.$invalid&&!inputForm.captcha.$pristine">请输入正确的验证码</div>
                                </div>
                                <div class="col-sm-6">
                                    <img class="img-rounded" ng-src="{{captchaUrl}}" ng-click="getCaptchaUrl()" alt="验证码" uib-popover="点击再换一张" popover-trigger="'mouseenter'">
                                </div>
                            </div>
                            <div class="form-actions">
                                <button type="submit" class="btn blue btn-block btn-lg" ng-disabled="inputForm.$invalid||posting"> 登录 </button>
                            </div>
                        </form>
                        <!-- END LOGIN FORM -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END LOGIN -->
    <!-- BEGIN COPYRIGHT -->
    <div class="copyright"> 2014 &copy; Metronic - Admin Dashboard Template. </div>
    <!-- END COPYRIGHT -->
    <script type="text/javascript">
        var sysConfigs = {
            sdir: '/@ViewBag.sdir'
        };
    </script>
    @RenderPage("../Shared/_Js.cshtml")
    @RenderPage("../Shared/_AdminJs.cshtml")
</body>

</html>

